import './index.scss'
// import { Tabs } from 'antd-mobile'
import { useVideo } from './useVideo'
import GeneralCard from '@/components/GeneralCard'
const Video = () => {
    // 逻辑业务
    const { imgs } = useVideo()
    // UI 渲染
    return (
      <div>
        <div>
          {imgs.map((item) => (
              <GeneralCard 
                src={item.default_image} 
                alt={item.title} 
                title={item.title} 
                desc={item.description}
                link={`video/detail/${item.id}`}
                key={item.id}
                classname='Product-display'/>
            ))}
        </div>
      </div>
    )
  }
  
  export default Video
  